<template>
    <span style="color: red;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;">
        {{ params.displayName }}
    </span>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'

// 定义一个具体的类型，而不是使用 any  
interface ParamsType {
    displayName: string;
    // 可以添加其他需要的属性  
}

// 使用 defineProps 并直接在对象中设置默认值  
const props = defineProps({
    params: {
        type: Object as () => ParamsType,
        required: true,
        default: () => ({
            displayName: 'Default Name', // 提供一个默认值  
            // 其他默认属性值  
        })
    }
})
</script>